<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>全局变量和局部变量</title>
</head>
<body>
<button onclick="funA()">funA</button>
<button onclick="funB()">funB</button>
<button onclick="funC()">funC</button>
</body>
</html>
<script>
    // 全局变量:范围比较广，一般定义到函数之外
    var a = 10;
    let b = '我是b全局变量';

    function funA() {
        let c = 1;
        alert(a);
        alert(b);
        alert(c);
    }

    function funB() {
        let d = 'funB中定义的局部变量';
        alert(a);
        alert(b);
        // alert(c); // 错误，c是funA中的局部变量
        alert(d);
    }

    function funC() {
        let a = 19; // 如果全局变量和局部变量定义的名称相同，局部变量优先级高
        alert(a);
        alert(window.a); // ===this.a ?
    }
</script>